<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TS-DSL-ORM 项目文档中心</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .header {
            text-align: center;
            margin-bottom: 40px;
            color: white;
        }

        .header h1 {
            font-size: 3rem;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .header p {
            font-size: 1.2rem;
            opacity: 0.9;
        }

        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px;
            margin-bottom: 40px;
        }

        .card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #667eea, #764ba2);
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        }

        .card-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            display: block;
        }

        .card h2 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.5rem;
        }

        .card p {
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .card-link {
            display: inline-block;
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            padding: 12px 24px;
            text-decoration: none;
            border-radius: 25px;
            font-weight: 500;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
        }

        .card-link:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
        }

        .stats-section {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            padding: 30px;
            margin-bottom: 40px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }

        .stat-item {
            text-align: center;
            color: white;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 5px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .stat-label {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .project-info {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .project-info h3 {
            color: #2c3e50;
            margin-bottom: 20px;
            font-size: 1.3rem;
        }

        .project-info ul {
            list-style: none;
            padding-left: 0;
        }

        .project-info li {
            padding: 8px 0;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 25px;
        }

        .project-info li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #27ae60;
            font-weight: bold;
        }

        .project-info li:last-child {
            border-bottom: none;
        }

        .footer {
            text-align: center;
            color: white;
            opacity: 0.8;
            margin-top: 40px;
        }

        @media (max-width: 768px) {
            .header h1 {
                font-size: 2rem;
            }
            
            .cards-grid {
                grid-template-columns: 1fr;
            }
            
            .card {
                padding: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🚀 TypeScript DSL ORM</h1>
            <p>生产就绪的 TypeScript DSL 到 ORM 转换框架 - MVP 1.0 已发布！</p>
            <div style="margin-top: 15px;">
                <span style="background: rgba(255,255,255,0.2); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem;">📦 v1.0.0</span>
                <span style="background: rgba(40,167,69,0.8); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; margin-left: 10px;">✅ 生产就绪</span>
            </div>
        </div>

        <div class="stats-section">
            <div class="stats-grid">
                <div class="stat-item">
                    <div class="stat-number">334</div>
                    <div class="stat-label">单元测试通过</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">52</div>
                    <div class="stat-label">集成测试场景</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">4</div>
                    <div class="stat-label">数据库支持</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">🎉</div>
                    <div class="stat-label">MVP 1.0 发布</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">100%</div>
                    <div class="stat-label">测试覆盖率</div>
                </div>
            </div>
        </div>

        <div class="cards-grid">
            <div class="card">
                <span class="card-icon">📋</span>
                <h2>Product Backlog & Scrum 计划</h2>
                <p>基于 Scrum 框架的完整产品待办事项列表，包含所有用户故事的估算、优先级、Sprint 分配和发布计划。MVP 1.0 已完成，包含 DSL 解析、多数据库支持、API 生成等核心功能。</p>
                <a href="product-backlog-scrum.html" class="card-link">查看敏捷开发计划 →</a>
            </div>

            <div class="card">
                <span class="card-icon">🎯</span>
                <h2>需求跟踪矩阵 (RTM)</h2>
                <p>完整的需求可追溯性矩阵，展示从 Epic 到用户故事的完整映射关系。MVP 1.0 所有核心需求已实现并通过验证，包含设计文档、实现文件、测试用例的全链路跟踪。</p>
                <a href="requirements-traceability-matrix.html" class="card-link">查看需求矩阵 →</a>
            </div>

            <div class="card">
                <span class="card-icon">🧩</span>
                <h2>模板系统与代码重用</h2>
                <p>强大的字段模板和实体模板系统，支持参数化模板、模板继承和组合。通过模板重用提升开发效率，减少重复代码，确保一致性。</p>
                <a href="../docs/parameterized-templates.md" class="card-link">查看模板系统 →</a>
            </div>

            <div class="card">
                <span class="card-icon">🔌</span>
                <h2>插件系统与扩展性</h2>
                <p>灵活的插件架构，支持热插拔、插件注册发现和安全机制。通过标准插件接口扩展系统功能，满足不同业务场景需求。</p>
                <a href="../docs/plugin-system-guide.md" class="card-link">查看插件系统 →</a>
            </div>

            <div class="card">
                <span class="card-icon">✅</span>
                <h2>增强验证规则系统</h2>
                <p>完整的字段验证体系，支持跨字段复杂验证、自定义验证器、异步验证和国际化错误信息。确保数据完整性和业务规则一致性。</p>
                <a href="../docs/dsl-language-specification.md" class="card-link">查看验证系统 →</a>
            </div>

            <div class="card">
                <span class="card-icon">🏷️</span>
                <h2>完整数据类型系统</h2>
                <p>支持类型别名、枚举类型、联合类型和自动类型检查转换。提供强类型支持，确保类型安全和开发体验。</p>
                <a href="../docs/type-alias-guide.md" class="card-link">查看类型系统 →</a>
            </div>

            <div class="card">
                <span class="card-icon">📚</span>
                <h2>发布文档</h2>
                <p>MVP 1.0 完整的发布文档，包含版本变更记录、功能说明、快速开始指南和生产环境部署说明。提供完整的项目使用和部署参考。</p>
                <a href="../RELEASE_NOTES_v1.0.0.md" class="card-link">查看发布说明 →</a>
            </div>

            <div class="card">
                <span class="card-icon">🚀</span>
                <h2>生产环境指南</h2>
                <p>生产环境启动时序图和部署指南，包含配置管理、数据库连接、健康检查、监控端点等生产级功能的详细说明和最佳实践。</p>
                <a href="../docs/production-startup-sequence.md" class="card-link">查看部署指南 →</a>
            </div>
        </div>

        <div class="project-info">
            <h3>🎯 项目概览</h3>
            <ul>
                <li><strong>项目愿景：</strong>通过 DSL 简化 ORM 开发，提升开发效率 70%</li>
                <li><strong>核心价值：</strong>声明式建模、自动化代码生成、类型安全保障</li>
                <li><strong>技术栈：</strong>TypeScript + Node.js + Express + 多数据库支持 (SQLite, PostgreSQL, MySQL, MongoDB)</li>
                <li><strong>开发方法：</strong>敏捷开发 (Scrum) + 测试驱动开发 (TDD)</li>
                <li><strong>交付模式：</strong>渐进式发布，每个 MVP 独立交付价值</li>
                <li><strong>质量保证：</strong>✅ 334个单元测试通过 + ✅ 52个集成测试场景 + ✅ ESM模块完全兼容</li>
                <li><strong>生产特性：</strong>✅ 错误处理 + ✅ 日志记录 + ✅ 健康检查 + ✅ 优雅关闭</li>
            </ul>
        </div>

        <div class="project-info" style="margin-top: 30px;">
            <h3>📈 MVP 发布路线图</h3>
            <ul>
                <li style="background-color: #d4edda; padding: 12px; border-radius: 5px; border-left: 4px solid #28a745;"><strong>✅ MVP 1.0 (已发布) - v1.0.0：</strong>生产就绪的核心功能 - DSL 解析、多数据库支持、REST API 生成、生产环境优化</li>
                <li><strong>MVP 2.0 (计划中)：</strong>增强功能层 - 完整数据类型系统、增强验证规则、模板系统与代码重用、插件系统与扩展性</li>
                <li><strong>MVP 3.0 (计划中)：</strong>业务逻辑层 - 声明式验证、命令执行、事件驱动架构、HATEOAS 支持</li>
                <li><strong>MVP 4.0 (计划中)：</strong>高级查询与热更新 - RSQL 支持、模型热更新、缓存集成</li>
                <li><strong>MVP 5.0 (计划中)：</strong>企业级功能 - 权限控制、审计日志、安全监控、多租户支持</li>
            </ul>
        </div>

        <div class="project-info" style="margin-top: 30px; background-color: #e8f5e8; border-left: 4px solid #28a745;">
            <h3>🎉 MVP 1.0 发布亮点</h3>
            <ul>
                <li><strong>🎯 声明式建模：</strong>使用简洁的 YAML 语法定义领域模型</li>
                <li><strong>🗄️ 多数据库支持：</strong>SQLite、PostgreSQL、MySQL、MongoDB 开箱即用</li>
                <li><strong>🚀 自动 API 生成：</strong>完整的 CRUD REST API，零手写代码</li>
                <li><strong>🔒 类型安全：</strong>完整的 TypeScript 类型支持和验证</li>
                <li><strong>⚡ 开箱即用：</strong>默认配置即可启动，支持热重载</li>
                <li><strong>🏭 生产就绪：</strong>内置错误处理、日志记录、健康检查、优雅关闭</li>
                <li><strong>🧪 测试完备：</strong>334 个单元测试 + 52 个集成测试场景，100% 通过率</li>
                <li><strong>📦 ESM 兼容：</strong>完整的 ES 模块支持，现代化的模块系统</li>
            </ul>
        </div>

        <div class="footer">
            <p>📅 最后更新：2024年1月15日 | 🎉 MVP 1.0 正式发布 | 🔄 基于 Scrum 框架持续迭代优化</p>
        </div>
    </div>
</body>
</html>